/*
 * @Author: mikey.zhaopeng 
 * @Date: 2019-10-04 14:08:18 
 * @Last Modified by:   mikey.zhaopeng 
 * @Last Modified time: 2019-10-04 14:08:18 
 相册左侧菜单 
 
 */

<template>
  <li
    class="list-group-item list-group-item-action d-flex align-items-center"
    :class="{'active sum-active':active}"
    style="cursor:pointer"
    @click.stop.native="$emit('albumChange',index)"
  >
    {{item.name}}
    <el-dropdown class="ml-auto">
      <span class="btn btn-light btn-sm">
        {{item.num}}
        <i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item @click.stop.native="$emit('edit',{index,item})">修改</el-dropdown-item>
        <el-dropdown-item @click.stop.native="$emit('albumDel',index)">删除</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </li>
</template>

<script>
export default {
  name: "",
  props: {
    item: Object,
    index: Number,
    active: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {}
};
</script>
<style lang='' scoped>
</style>